<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<f:view xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:util="http://java.sun.com/jsf/composite/util">
	
	<p:dialog appendToBody="true" modal="true" closable="true" header="#{i18n.DialogoUsuario_Header}"
		widgetVar="dialogoBuscaUsuario" width="540" resizable="false">
		<h:form id="formBuscaUsuario">
		<div class="dialogo_container_18">
			<util:dialogoLabel grid="9" value="#{i18n.DialogoUsuario_Nome}" />
			<util:dialogoLabel grid="9" value="#{i18n.DialogoUsuario_Email}" />
			<div class="dialogo_grid_9">
				<p:inputText value="#{usuarioBean.varBuscaNome}" styleClass="dialogo_width_8"/>
			</div>
			<div class="dialogo_grid_9">
				<p:inputText value="#{usuarioBean.varBuscaEmail}" styleClass="dialogo_width_9"/>
			</div>
			
			<util:dialogoLabel grid="18" value="#{i18n.DialogoUsuario_Cliente}" />
			<div class="dialogo_grid_14">
				<p:inputText value="#{usuarioBean.varBuscaCliente}" styleClass="dialogo_width_14"/>
			</div>
			<div class="dialogo_grid_4">
				<ui:include src="/views/layouts/_ajaxStatus.xhtml" />
				<p:commandButton value="#{i18n.btn_FiltrarPrompt}" style="margin-top:-1px;float:right" icon="ui-icon ui-icon-search"
					action="#{usuarioBean.filtrarUsuario}" update="formBuscaUsuario:dataTableBuscaUsuario" id="btnFiltrar"/>
			</div>
			<div class="dialogo_grid_18">
				<br/>
				<p:dataTable widgetVar="dataTableBuscaUsuario" 
							id="dataTableBuscaUsuario" 
							paginator="true" rows="10" dynamic="true" 
							selection="#{usuarioBean.clientePortalInstance}" 
							value="#{usuarioBean.clientePortalList}" 
							selectionMode="single" var="var"
							emptyMessage="#{i18n.NenhumUsuarioEncontrado}">
					<p:column headerText="#{i18n.DialogoUsuario_Nome}">  
			            <h:outputText value="#{var.nomeCurto}" />  
			        </p:column>
			        <p:column headerText="#{i18n.DialogoUsuario_Email}">  
			            <h:outputText value="#{var.email}" />  
			        </p:column> 
			        <p:column headerText="#{i18n.DialogoUsuario_Cliente}">  
			            <h:outputText value="#{var.cliente.nomeCurto}" />  
			        </p:column>  
				</p:dataTable>
			</div>
			<util:hr />
			<div class="dialogo_grid_18 right">
				<p:commandButton action="#{usuarioBean.selecionarUsuario}"  
					update="@form, :formPrincipal" onstart="spinner.show();" value="#{i18n.btn_Selecionar}"
					oncomplete="spinner.hide();dialogoBuscaUsuario.hide()"/>
				<p:commandButton action="#{usuarioBean.cancelarSelecionarUsuario}" 
					update="@form" onclick="dialogoBuscaUsuario.hide()" value="#{i18n.btn_Cancelar}" />	
			</div>
		</div>
		</h:form>
		<util:dataTableBlockUI trigger=":formBuscaUsuario:dataTableBuscaUsuario"
			block=":formBuscaUsuario:dataTableBuscaUsuario" />
		<util:dataTableBlockUI trigger=":formBuscaUsuario:btnFiltrar"
			block=":formBuscaUsuario:dataTableBuscaUsuario" />
	</p:dialog>
	
</f:view>